<link href="__PUBLIC__/css/bootstrap.min.css" rel="stylesheet">
<link href="__PUBLIC__/css/font-awesome.css" rel="stylesheet">
<link href="__PUBLIC__/css/bootstrap-datetimepicker.css" rel="stylesheet">
<link href="__PUBLIC__/css/style.css" rel="stylesheet">
<link href="__PUBLIC__/css/pages/dashboard.css" rel="stylesheet">
<script src="__PUBLIC__/js/jquery.js"></script>
<script src="__PUBLIC__/js/bootstrap.js"></script>
<script src="__PUBLIC__/js/moment.js"></script>
<script src="__PUBLIC__/js/bootstrap-datetimepicker.js"></script>
<!--[if lt IE 9]>
  <script src="__PUBLIC__/js/html5shiv.min.js"></script>
  <script src="__PUBLIC__/js/respond.js"></script>
<![endif]-->
<script src="__PUBLIC__/js/base.js"></script>
<script src="__PUBLIC__/js/pages/sales_index.js"></script>

<!-- 面包屑 -->
<div class="container">
	<ol class="breadcrumb">
		<li>CRM系统</li>
		<li>销售计划</li>
		<li class="active">公司销售计划</li>
	</ol>
</div>
<!-- 内容 -->
<div class="container">
	<div class="panel panel-default">
		<div class="panel-heading">
			<h3 class="panel-title">添加销售计划</h3>
		</div>
		<div class="panel-body">
			<form class="form-horizontal" role="form">
				<div class="form-group">

					<label class="col-sm-1 control-label">分公司：</label>
					<div class="col-sm-2">
						<select name="" class="form-control" id="">
							<option value="">--请选择--</option>
							<option value="41">测试公司1</option>
							<option value="16">测试公司2</option>
							<option value="17">测试公司3</option>
						</select>
					</div>
					<label class="col-sm-1 control-label">计划月份：</label>
					<div class="col-sm-1">
						<input type='text' class="form-control" id='datetimepicker1' />
					</div>
					<label class="col-sm-1 control-label">保底计划：</label>
					<div class="col-sm-2">
						<input type='text' class="form-control" />
					</div>
				</div>
				<div class="form-group">
					<label class="col-sm-1 control-label">任务计划：</label>
					<div class="col-sm-2">
						<input type='text' class="form-control" />
					</div>
					<label class="col-sm-1 control-label">目标计划：</label>
					<div class="col-sm-2">
						<input type='text' class="form-control" />
					</div>
					<div class="col-sm-1">
						<button type="submit" class="btn btn-primary">添加</button>
					</div>
				</div>
			</form>
		</div>
	</div>
	<!-- 销售计划列表 -->
	<div class="panel panel-default">
		<div class="panel-heading">
			<h3 class="panel-title">销售计划列表</h3>
		</div>
		<div class="panel-body">
			<form class="form-horizontal" role="form">
				<div class="form-group">

					<label class="col-sm-1 control-label">分公司：</label>
					<div class="col-sm-2">
						<select name="" class="form-control" id="">
							<option value="">--请选择--</option>
							<option value="41">测试公司1</option>
							<option value="16">测试公司2</option>
							<option value="17">测试公司3</option>
						</select>
					</div>
					<label class="col-sm-1 control-label">计划月份：</label>
					<div class="col-sm-1">
						<input type='text' class="form-control" id='datetimepicker2' />
					</div>
					<div class="col-sm-1">
						<button type="submit" class="btn btn-primary">搜索</button>
					</div>
				</div>
			</form>
			<!-- 翻页 -->
			<ul class="pagination">
				<li>
					<a href="#">上一页</a>
				</li>
				<li class="active">
					<a href="#">1</a>
				</li>
				<li>
					<a href="#">2</a>
				</li>
				<li>
					<a href="#">3</a>
				</li>
				<li>
					<a href="#">4</a>
				</li>
				<li>
					<a href="#">5</a>
				</li>
				<li>
					<a href="#">下一页</a>
				</li>
			</ul>
			<table class="table table-bordered">
				<thead>
					<tr>
						<th><input type="checkbox" value="">选择</th>
						<th>分公司</th>
						<th>计划月份</th>
						<th>保底计划</th>
						<th>任务计划</th>
						<th>目标计划</th>
						<th>实际业绩金额</th>
						<th>操作</th>
					</tr>
				</thead>
				<tbody>
					<tr>
						<td><input type="checkbox" value=""></td>
						<td>测试公司1</td>
						<td>2016-10</td>
						<td>180,000.00</td>
						<td>210,000.00</td>
						<td>220,000.00</td>
						<td>232,114.82</td>
						<td>
							<a href="javascript:void(0);" class="btn btn-default btn-sm" data-toggle="modal" data-target="#myModal">修改</a>
							<a href="#" class="btn btn-default btn-sm">删除</a>
							<a href="sales_person_plan_eidt.html" class="btn btn-default btn-sm">分配计划</a>
						</td>
					</tr>
				</tbody>
			</table>
			<button type="button" class="btn btn-primary">全选</button>
			<button type="button" class="btn btn-primary">删除</button>
		</div>
	</div>
	<!-- 翻页 -->
	<ul class="pagination">
		<li>
			<a href="#">上一页</a>
		</li>
		<li class="active">
			<a href="#">1</a>
		</li>
		<li>
			<a href="#">2</a>
		</li>
		<li>
			<a href="#">3</a>
		</li>
		<li>
			<a href="#">4</a>
		</li>
		<li>
			<a href="#">5</a>
		</li>
		<li>
			<a href="#">下一页</a>
		</li>
	</ul>
</div>
<!-- 修改模态框 -->
<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
	<div class="modal-dialog">
		<div class="modal-content">
			<div class="modal-header">
				<button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
				<h4 class="modal-title" id="myModalLabel">模态框（Modal）标题</h4>
			</div>
			<div class="modal-body">在这里添加一些文本</div>
			<div class="modal-footer">
				<button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
				<button type="button" class="btn btn-primary">提交更改</button>
			</div>
		</div>
	</div>
</div>